<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
    <script th:src="@{/js/jquery-2.1.4.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/js/user/reg.js}"></script>
</head>
<body>

<ul id="myTab" class="nav nav-tabs">
    <li class="active">
        <a href="#home" data-toggle="tab">用户名注册</a>
    </li>
    <li><a href="#ios" data-toggle="tab">邮箱注册</a></li>
    <li><a href="#jmeter" data-toggle="tab">手机注册</a></li>
</ul>
<div id="myTabContent" class="tab-content">
    <div class="tab-pane fade in active" id="home">
        <form action="/user/regByName" method="post">
            账号:<input name="name" placeholder="用户名"><br/>
            密码:<input name="password" placeholder="6位以上"><br/>
            <input type="submit" value="注册">
        </form>
    </div>
    <div class="tab-pane fade" id="ios">
        <form action="/user/regByEmail" method="post">
            账号:<input name="email" placeholder="邮箱"><br/>
            密码:<input name="password" placeholder="6位以上"><br/>
            <input type="submit" value="注册">
        </form>
    </div>
    <div class="tab-pane fade" id="jmeter">
        <form action="/user/regByPhone" method="post">
            账  号:<input id="mobile" name="mobile" placeholder="手机号码"><br/>
            密  码:<input name="password" placeholder="6位以上"><br/>
            验证码:<input id="verificationCode" name="verificationCode" placeholder="验证码"><input type="button" id="send" value="发送"><br/>
            <input type="submit" value="注册">
        </form>
    </div>

</div>
</body>
</html>